.clearfix:after{content:".";display:block;clear:both;visibility:hidden;
height: 0;
line-height: 0;
font-size: 0; 
border-top:1px solid transparent !important;
margin-top:-1px !important;
border-top:0;
margin-top:0;
} /*所有主流浏览器都支持 :after 伪元素。*/
.clearfix{*+height:1%;  display: inline-block;}/*不知道有什么用处，不加ie7也没有问题*/
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{zoom:1;}/*只针对IE6/7 */
 * html .clearfix{zoom: 1;overflow: visible;}
 *:first-child + html .clearfix{zoom: 1; display: block;}





/* CSS Document */
* { list-style:none; padding:0; margin:0}
body{ font-size:12px; margin:0 auto; color:#000;font-family:Microsoft YaHei; background:url(../images/bg.jpg) }
p{ line-height:25px;}
.cl{ clear:both}
a{
  font-size:12px; 
  text-decoration:none;color:#000;
  
}
a:hover{
	font-size:12px;
	text-decoration:none;color:#666;
}

.zi a{  font-size:12px; 
  text-decoration:none; color:#fff}
.zi a:hover{  font-size:12px; 
  text-decoration:none;color:#FFFF66}
  
.pad{ padding-top:15px}
.mad{ margin-top:15px}


/*---------------------------------页头样式开始-------------------------------------*/
.top{ width:100%; height:auto; margin:0px auto;background:url(../images/topbg.jpg) left top repeat-x}
.hy{ width:100%; height:18px; margin:0 auto}
.hy_left{ width:665px; height:37px; float:left; line-height:37px; color:#88660F; font-size:14px;}
.hy_left .left{ width:190px; height:30px; line-height:30px; float:left}
.hy_left .right{width:240px; height:30px; line-height:30px; float:left}

.logo{ width:1010px;  height:64px; margin:0 auto 14px auto; background:url(../images/logo.jpg) left top no-repeat }
.logo .left{ width:444px; height:103px;float:left; background:url(../images/logo.jpg) left top no-repeat}
.logo .right{width:293px; height:47px; margin-top:29px;float:right; background:url(../images/tel.png) right center no-repeat}

.logo_right{width:173px; text-align:center; float:right; line-height:37px; color:#88660F}/*设为首页 加入收藏*/
.logo_right a{ color:#88660F}
.logo_right a:hover{ color:#000}
.menubg{ width:1010px; height:42px; margin:0 auto;}/*导航宽高*/

.banner{ width:100%; height:auto; margin:0 auto; overflow:hidden}
/*////////////////////////////bannar kaishi////////////////////////////////////////////////////////////////*/
.flexslider {
	width: 100%;
	padding: 0;
}
.flexslider .slides li {
	display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	width: 100%;
	display: block;
}
#container {
	width: 100%;
}
/* FlexSlider Default Theme
*********************************/
.flexslider {
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
	-moz-box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
	box-shadow: 0px 1px 1px 1px rgba(202, 202, 202, 0.8);
}
.flexslider .slides li {
	position: relative;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flexslider-container {
	position: relative;
}
/* Caption style */
.flex-caption {
	width: 96%;
	padding: 2%;
	position: absolute;
	left: 0;
	bottom: 0;
	background: rgba(0,0,0,.3);
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0,0,0,.3);
	font-size: 12px;
	line-height: 18px;
	text-align: center;
}
/* Direction Nav */
.flex-direction-nav li a {
	width: 52px;
	height: 52px;
	margin: -13px 0 0;
	display: block;
	background: url(theme/bg_direction_nav.html) no-repeat 0 0;
	position: absolute;
	top: 50%;
	cursor: pointer;
	text-indent: -9999px;
} /* set negative margin-top equal to half the height on the directional-nav for perfect vertical centering */
.flex-direction-nav li a.next {
	background-position: -52px 0;
	right: -21px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0;
	left: -21px;
}
/* Control Nav */
.flex-control-nav {
	margin-left: -31px;
	position: absolute;
	bottom: -30px;
	left: 50%;
} /* set negative margin-left equal to half the width on the control-nav for perfect centering */
.flex-control-nav li {
	margin: 0 0 0 5px;
	float: left;
}
.flex-control-nav li:first-child {
	margin: 0;
}
.flex-control-nav li a {
	width: 13px;
	height: 13px;
	display: block;
	background: url(theme/bg_control_nav.html) no-repeat 0 0;
	cursor: pointer;
	text-indent: -9999px;
}
.flex-control-nav li a:hover {
	background-position: 0 -13px;
}
.flex-control-nav li a.active {
	background-position: 0 -26px;
	cursor: default;
}
/*////////////////////////////bannar jieshu////////////////////////////////////////////////////////////////*/



.bor{ border:1px #D2D2D2 solid}
.bor2{ border:1px #D2D2D2 solid;   -webkit-border-radius: 5px;  
   -moz-border-radius: 5px;  
   border-radius: 5px;  
 position:relative;
   behavior: url(js/PIE.htc);  }

/*主体部分：主体需平铺*/
.mail{ width:100%; height:auto !important; min-height:200px; overflow:hidden; zoom:1; margin:0 auto;}

/*主体中心部分：主体不平铺*/
.box{ width:1010px; margin:0px auto; height:auto; padding-top:20px} 


/*---------------------------------首页样式开始-------------------------------------*/

/* 首页中心部分:上，中，下等等*/
.syleft{ width:234px; height:auto; float:left}
.syright{ width:755px; height:auto; float:right}
.sytop{ width:1010px; height:auto; margin:0 auto; overflow:hidden}
.symid{ width:100%; height:auto; margin:0 auto;overflow:hidden}
.sybot{ width:100%; height:auto;margin:0 auto; overflow:hidden}
.sy4{ width:100%; height:auto; overflow:hidden}

/*首页公司简介*/
.syabout{ width:755px; height:auto; float:right}
.syabout_top{ height:29px;background:url(../images/abouttop.jpg) left top no-repeat}
.syabout_bot{width:755px; height:184px; overflow:hidden; border-top:none}
.in_about{padding:15px 15px;line-height:22px;}
.in_about img{float:left;display:inline;background:url(images/);margin-right:15px; border:#E0E1DC 1px solid; width:205px; height:156px;}

/*首页资质荣誉*/
.syhonor{ width:209px; height:auto; float:left}
.syhonor_top{ height:40px;background:url(../images/1_r5_c3.jpg) left top no-repeat}
.syhonor_bot{ height:174px; overflow:hidden}
.syhonor_bot_nr{ width:209px; height:148px; margin:12px auto 0 0;}
.syhonor_bot_nr img{ width:199px; height:140px; padding:2px; border:1px #CECED0 solid}

/*首页产品分类*/
.sylist{ width:234px; height:auto; float:right}
.sylist_top{ height:29px;background:url(../images/sylisttop.jpg) left top no-repeat}
.sylist_bot{ height:785px; overflow:hidden}

/*首页联系我们*/
.sylink{ width:234px; height:auto; float:left; overflow:hidden}
.sylink_top{ height:29px;background:url(../images/sylinktop.jpg) left top no-repeat}
.sylink_bot{ width:234px; height:186px; overflow:hidden}
.sylink_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px }


/*新闻公告*/
.newgg {width:850px;margin:0px auto ;}
.newgg ul{ width:850px; height:37px;}
.newgg ul li{width:425px;height:37px;line-height:37px;float:left;}
.newgg a {height:37px;line-height:37px;float:left; padding-left:10px;  text-decoration:none}
.newgg font {float:right;height:37px;line-height:37px;margin-right:0px; font-size:12px}
.newgg a:hover {text-decoration:none; }
/*<div class="gg">
    	<div class="gg_nr">
        	<marquee scrollamount="2">
            <div class="newgg">
            <ul>
	 <li><a href="">麻城市星河五金科技有限公司1</a> <font>【2014-07-16】</font></li>
     <li><a href="">麻城市星河五金科技有限公司2</a> <font>【2014-07-16】</font></li>
     
     </ul>
	               </div>
            </marquee>
        </div>
    </div>*/
	
	

/*图片新闻*/
.newspic{ width:730px; height:90px;  margin:10px auto; border-bottom:1px #E7E7E7 dashed}
.newspic_left{ width:113px; height:85px; float:left}
.newspic_left img{ width:101px; height:82px;  margin:2px 12px 0 0}
.newspic_right{ width:617px; height:85px; float:right; overflow:hidden}
.newspic_right h4{ width:617px; height:22px; line-height:22px;}
.newspic_right h4 a{ font-size:14px; color:#AE0A15; font-weight:bold}
.newspic_right h4 a:hover{ color:#666}
.newspic_right span{ width:617px; height:60px; line-height:22px; color:#666}


/*首页新闻*/
.synews{ width:290px; height:auto; float:left; }
.synews_top{ height:29px;background:url(../images/newstop.jpg) left top no-repeat}
.synews_bot{ width:290px; height:186px; overflow:hidden; border-top:none}

/*首页新闻列表*/
.new {width:95%;margin:5px auto 0 auto;}
.new li {width:100%;height:29px;line-height:29px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 0px #DFDFDF dashed}
.new a {height:33px;line-height:29px;float:left; padding-left:10px;  text-decoration:none}
.new font {float:right;height:29px;line-height:29px;margin-right:0px; font-size:12px}
.new a:hover {text-decoration:none; }

/*首页生产设备、图片切换等等*/
.sytu{ width:234px; height:auto; float:left}
.sytu_top{ height:29px; background:url(../images/sytu.jpg) left center no-repeat;}
.sytu_bot{ height:190px; overflow:hidden}
.sytu_bot_nr{ width:214px; height:173px; margin:9px;}
.sytu_bot_nr img{ width:214px; height:173px; border:0px #64B802 solid;}


/*首页产品展示*/
.sypic{ width:755px; height:auto; float:right; overflow:hidden}
.sypic_top{ height:29px;background:url(../images/pictop.jpg) left center no-repeat;}
.sypic_bot{ width:755px; height:547px; overflow:hidden; border-top:none}

/*首页产品展示2：两排*/
.sypic2{ width:755px; height:auto; overflow:hidden}
.sypic2_top{ height:29px;background:url(../images/pictop2.jpg) left center no-repeat;}
.sypic2_bot{ width:755px; height:186px; overflow:hidden}

.sypic3{ width:448px; height:auto; overflow:hidden; float:right}
.sypic3_top{ height:29px;background:url(../images/pictop3.jpg) left center no-repeat;}
.sypic3_bot{ width:448px; height:186px; overflow:hidden}


/*首页友情链接：文字*/
.syfri{ width:1010px; height:33px; margin:0 auto; background:; line-height:33px; color:#fff; text-align:left}
.syfri span{ line-height:33px; float:left; text-align:left;color:#fff;}
.syfri a{ padding:0 10px;}



/*首页友情链接：图片*/
.syfripic{ width:965px; height:78px; margin:0 auto; border:1px #DDDDDD solid}
.syfripic_top{ height:20px;background:url(../images/fritop.jpg) left center no-repeat;}
.syfripic_bot{ width:965px; height:56px; overflow:hidden}
.syfripic_bot li{ width:95px; height:56px; margin:6px 9px; float:left}
.syfripic_bot li img{ width:95px; height:42px; margin:6px 9px; float:left}



/*-------------------------------------------内页样式开始-----------------------------------------------*/

/*左侧列表栏目*/
.boxleft{width:234px;   margin:0px; float:left}
/*内页产品分类*/
.nylist{width:234px; height:auto; margin:0 auto}
.nylist_top{height:29px; background:url(../images/nylisttop.jpg) center top no-repeat;}
.nylist_bot{ width:234px;height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylist .classname{ line-height:27px;font-size:15px; color:#fff; font-weight:bold; padding-left:33px}/* 类别名称*/

/*产品分类列表*/
.aboutleft2 {
	width:234px;
	font-size:12px; margin:0 auto; padding-top:0px; height:auto; padding-bottom:10px
}
.aboutleft2 li {
	line-height:33px;
	width:234px; height:33px; padding-top:0px;background:url(../images/sylistli.jpg) left center no-repeat; border-bottom:1px #DDDDDD dashed; margin-top:0px;
}
.aboutleft2 a {
	height:33px;width:234px;
	line-height:33px;
	float:left;font-size:14px;
    text-align:left; padding-left:33px; color:#E40001
}
.aboutleft2 a:hover {
	font-size:14px;width:234px; height:33px;
	text-decoration:none; 
	text-align:left; padding-left:33px; color:#666
}

/*内页联系我们*/
.boxleft_bot{ margin-top:15px;}
.nylink{ width:209px; height:auto; margin:15px auto 0 auto}
.nylink_top{ height:40px;background:url(../images/nylinktop.jpg) center top no-repeat;}
.nylink_bot{ width:209x; height:auto !important; min-height:180px; zoom:1; overflow:hidden}
.nylink_nr{ line-height:24px; width:90%; margin:0 auto; padding-top:10px }

/*内页新闻列表*/
.new1 {width:100%;text-align:left;font-size:12px;}
.new1 li {width:100%;height:28px;line-height:28px;float:left;display:inline;background:url(../images/d.jpg) left center no-repeat;border-bottom: 1px #A8A8A8 dashed}
.new1 a {height:28px;line-height:28px;float:left;margin-left:15px; }
.new1 font {float:right;height:28px;line-height:28px;margin-right:0px;font-size:42px;font-size:12px;}
.new1 a:hover {font-size:12px;text-decoration:none; }

/*内页产品展示列表*/
.product{ width:100%; list-style:none; padding-top:10px; padding-left:0px;}
.product li{ width: 176px; margin:0px 6px; height:179px; float: left; overflow: hidden;}
.product li .img{width:174px;height:147px;border: 1px solid #E0E1DC;overflow:hidden;display: table-cell;vertical-align:middle;text-align:center;*display: block;*font-size:102px;}
.product li a{ display:block;}
.product li img{ max-width:174px; max-height:147px;vertical-align:middle; }
.product li p{  text-align:center; height:30px;line-height:30px;width: 100%;}

.product_title{text-align:center; font-weight:bold;padding:5px; width:100%}
.product_related{text-align:center; padding:5px; width:100%}
.proimg{ text-align:center; width:90%; height:auto}

.page{ padding:15px 0 20px 0; width:100%; text-align:center; line-height:40px}


/*右侧主体*/
.boxright{ width:755px; height:auto; float:right;}
.boxright_top{ width:755px; height:29px; background:url(../images/nytop.jpg) center top no-repeat;}
.boxright_mid{ width:755px; height:auto !important; min-height:480px; overflow:hidden; zoom:1; background:url(../images/nymid.jpg) center top repeat-y;}
.boxright_bot{ width:700px;  height:8px; background:url(../images/nybot.jpg) center top no-repeat;}
.left_zi{width:170px; height:29px; line-height:29px; font-size:15px; color:#fff; float:left; padding-left:15px; font-weight:bold}
.right_zi{ float:right; width:400px; text-align:right; line-height:29px; color:#fff; margin-right:15px;}

.content{ line-height:24px; width:96%; margin:0 auto; padding-top:10px }/*右侧内容*/



/*---------------------------------页尾样式开始-------------------------------------*/
.foot{ width:100%; height:137px; background:url(../images/foot.jpg) left top repeat-x; margin:15px auto 0 auto; text-align:center;}
/*.foot_nr{ padding-top:10px}*/

.foot_top{ padding-top:0px}
.foot_menu{ width:1010px; height:40px; line-height:40px; margin:9px auto 0 auto;color:#fff; }
.foot_menu a{ padding:0 15px}
.foot_bot{ width:100%; height:42px; overflow:hidden; color:#fff; padding-top:13px}








<!--滚动图片-->
.index_Roll { width:440px; height:168px; padding:5px 0px;overflow:hidden;}
#demo { overflow:hidden;  width:440px; height:168px;  margin:0 auto;overflow:hidden;} 
#demo img { border: 1px solid #E0E1DC; }
#indemo { float: left; width:800%; }
#demo #indemo img {  width:160px; height:135px; padding:0px;}
#demo #indemo a { display:block; width:162px; float:left; margin:8px 10px 0px 10px;}
#demo #indemo p { text-align:center;  line-height:30px; width:162px; }
#demo1 { float: left; }
#demo2 {float: left;}


	<!--滚动图片2-->
				
.index_Rolla { width:740px; height:168px; padding:5px 0px;overflow:hidden;}
#demoa { overflow:hidden; width:740px; height:168px; margin:0 auto;overflow:hidden;} 
#demoa img { border: 1px solid #E0E1DC; }
#indemoa { float: left; width:800%; }
#demoa #indemoa img { width:160px; height:135px; padding:0px; }
#demoa #indemoa a { display:block; width:162px; float:left; margin:8px 10px 0px 10px;}
#demoa #indemoa p { text-align:center;  line-height:30px; width:162px;}
#demoa1 { float: left;}
#demoa2 {float: left;}


.message{ width:317px; height:345px; float:right; background:#EAEAEA}
.message_top{width:317px; height:42px; line-height:42px; font-size:14px; font-weight:bold; text-align:center}
.message_bot{ width:287px; height:303px; margin:0 auto}
.message_bot li{ width: 287px; height: 26px;line-height: 26px; text-align: left;margin-bottom: 10px;}
.message_bot li input {width: 187px;height:24px;line-height: 24px;border: 1px solid #CCC;}
.message_bot li .in{width:70px; height:24px;line-height: 24px; border: 1px solid #CCC;}
.message_bot .t{ width:287px; height:77px;}
.message_bot .t textarea{ width:221px; height:77px; border: 1px solid #CCC;}
.message_bot li .bottom{ width:82px; height:26px; float:right; background:url(../images/bottom.jpg) right bottom no-repeat}

/*在线留言*/
#messagelist{ padding:15px;}
#messagelist .metlist{ margin-bottom:10px; border:6px solid #dedede; padding:5px;}
#messagelist .metlist dt{ background:url(../images/message.gif) no-repeat left center; border-bottom:1px dotted #dedede; padding:4px 0px 4px 20px; margin-bottom:5px;}
#messagelist .metlist dt span.name{ color:#2c7199;}
#messagelist .metlist dt span.time{ padding-left:8px; color:#999;}
#messagelist .metlist dt span.tt{ float:right; padding-right:5px;}
#messagelist .metlist dd.info span.tt{ display:none; clear:both;}
#messagelist .metlist dd.info span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .metlist dd.reinfo span.tt{ background:url(../images/admin.gif) no-repeat left 3px; display:block; border-bottom:1px dotted #dedede; padding:2px 0px 2px 20px; margin:0px 0px 5px;color:#2c7199;}
#messagelist .metlist dd.reinfo span.text{ display:block; line-height:1.5; padding:8px 5px;}
#messagelist .ctitle{ margin:10px 0px 10px; padding:5px 20px; background:url(../images/dt-7.gif) no-repeat left center; *background-position:left 17px; font-size:14px; border-bottom:1px dotted #ccc;}
#messagelist table{ margin:0px auto; }
#messagetable{ padding:15px;}
#messagetable table{ margin:0px auto;}